@charset "utf-8";
/* -----------------------------------------
	jiye-font-test
----------------------------------------- */


@font-face {
 font-family:"NanumGothic";
 src:url(../images/NanumGothic.eot);
 src:url(../images/NanumGothic.woff) format(woff)
}
/* -----------------------------------------
	Base
----------------------------------------- */
.point {
	color:#FAB052
}
.wrap {
	width: 1200px;
	margin: 0 auto;
	padding-bottom:50px;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.pointbg1 {
	background-color: #e65035;
}
.pointbg2 {
	background-color: #f09447;
}
.pointbg3 {
	background-color: #36b8a0;
}
.pointbg4 {
	background-color: #f0f0f0;
}
.pointbg5 {
	background-color: #e4e4e4;
}
.pointbg6 {
	background-color: #454545;
}
.pointbg7 {
	background-color: #31323b;
}
/* -----------------------------------------
	Block
----------------------------------------- */
.block {
	text-align:left;
	margin-top: 60px;
}
.block img {
	display:block;
	width:100%;
}
.block .b-link-btn {
	color:#fff;
	border:1px solid #fff;
	padding:15px;
	font-weight:bold;
}
.block .b-link-btn:hover {
	background-color:#fff;
	color:#000;
}
.block .b-box {
	padding:13px;
}
.block .b-box.bb-single {
	margin: 190px 0 162px;
	text-align:center;
}
/* [D] 悼老茄 PDF咯辑 郴侩 沥府 饶 促矫 诀肺靛 抗沥
.block .b-box.bb-single{margin: 137px 0 119px; text-align:center;}
.block .b-box.bb-single a{display:inline-block;width:183px; height:47px; padding:0; line-height:47px; vertical-align:top; margin:0 0 10px -3px}*/

/* -----------------------------------------
	Header
----------------------------------------- */
.header-gnb {
	border-bottom:1px solid #f8f8f8;
	padding-bottom:30px
}
.header-gnb .hg-line {
	height:5px;
	padding-bottom:20px
}
.header-gnb .hg-menu {
	font-weight:600;
	font-size:16px;
	text-align:center;
	letter-spacing: -0.1px;
	color: #4E4E4E;
	margin-top:30px
}
.header-gnb .hg-menu li {
	width:110px;
}
.header-gnb .hg-link {
	font-size: 10px;
	color: #888;
	margin-top:43px
}
.header-gnb .hg-link a {
	padding:0 5px;
}
.header {
	font-weight: bold;
	z-index:99;
	position:relative;
}
.header .wrap {
	position:relative;
}
.header .h-logo {
	position:absolute;
	left:0;
	padding: 40px;
}
.header .h-menu {
	position:absolute;
	right:0;
	color:#fff;
	cursor:pointer;
	padding: 40px;
}
.header .h-menu span {
	position: absolute;
	left: -15px;
}
/* -----------------------------------------
	Contents
----------------------------------------- */
.contents {
	padding:50px 0 100px 0;
	color: #4E4E4E;
}
.brand-title-box {
	text-align:center;
}
.contents h1 {
	font-size:33px;
	letter-spacing:-0.4px;
}
.contents.center {
	text-align:center;
	line-height:22px;
}
.contents.center .acenews-title {
	font-size:20px;
	font-weight:600;
	line-height:22px;
}
.contents.center .acenews-txt {
	text-align:left;
	line-height:22px;
}
.contents .navi {
	margin-top:-50px;
	margin-bottom:20px;
	border-bottom:1px solid #f8f8f8;
	text-align:left;
}
.contents .navi .menu a {
	display: initial;
}
.contents .navi .menu li span {
	padding:0 10px;
}
.contents .navi .menu li.title {
	border-left: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
}
.contents .navi .menu li {
	padding:15px;
	color:#868686;
	font-size:0.8em;
}
.contents .navi .menu li a:hover {
	color:#e65035;
}
.contents .navi .menu li.active {
	color:#e65035;
}
.contents .navi .menu li:first-child {
	border-left: 1px solid #f8f8f8;
}
.contents .navi .menu li:last-child {
	border-right: 1px solid #f8f8f8;
}
.contents .c-nav {
	text-align:right;
	margin:40px 0 25px;
	color:#999999;
	font-size:0.9em;
	letter-spacing:1px;
}
.contents .c-nav img {
	vertical-align:middle;
}
.contents .c-nav a {
	font-size:13px;
	color:#626262;
	font-weight:bold;
	padding:0 10px;
}
.contents .c-bar {
	border-bottom: 1px solid #888;
	font-size: 0;
	width: 40px;
	margin: 0 auto;
	margin-bottom: 35px;
}
.contents .v-bar {
	border-left: 1px solid #888;
	font-size: 0;
	width: 1px;
	height:30px;
	margin: 0 auto;
	float:left;
}
.contents .brand-title-logo {
	float:left;
}
.contents .brand-title-box li {
	float:left;
}
.contents .brand-title-box2 {
	margin-top:50px;
}
.contents .c-subtitle {
	font-size:1em;
	margin-bottom:60px; /*display:none;*/
}
/* -----------------------------------------
	Footer
----------------------------------------- */
.footer {
	border-top:1px solid #e5e5e5;
	padding:40px 0 20px 0;
	font-size:0.78em;
	color: #919191;
}
.footer .f-gnb {
	margin:5px 0;
	font-weight:bold;
}
.f-gnb li {
	padding:5px 15px 5px 0px;
	color:#919191;
}
.company_down_btn {
	border:solid 1px #DDDDDD;
	vertical-align: middle;
	text-align: center;
	padding:5px;
}
.company_down_btn img {
}
#familysite {
	text-align:left;
	position: relative;
	float:right;
}
#familysite .f_text {
	right: 0;
	position: absolute;
	width: 130px;
	border: 1px solid #e6e6e6;
	padding: 5px;
	font-size: 12px;
	color:#333;
	cursor: pointer;
}
#familysite .f_text .ft-down {
	color: #777;
	background: url(../images/icon_family.png) no-repeat 100%;
}
#familysite ul.f_list {
	top:30px;
	right: 0;
	position: absolute;
	display:none;
	height: 200px;
	overflow: scroll;
	overflow-x: hidden;
	list-style: none;
	margin: 0;
	padding:5px;
	display:none;
	width:130px;
	background-color:#fff;
	border: 1px solid #e6e6e6;
	line-height: 20px;
}
#familysite ul.f_list li >* {
	line-height:18px;
	padding-left:5px;
	color: #B6B6B6;
	text-decoration:none;
	font-size:12px;
}
#familysite ul.f_list li.fl-title {
	color:#999999;
	font-size:12px;
	font-weight:bold;
}
#language {
	text-align:left;
	position: relative;
	float:right;
}
#language .f_text {
	right: 0;
	position: absolute;
	width: 130px;
	border: 1px solid #e6e6e6;
	color:333;
	padding: 5px;
	font-size: 12px;
	cursor: pointer;
}
#language .f_text .ft-down {
	color: #777;
	background: url(../images/icon_family.png) no-repeat 100%;
}
#language ul.f_list {
	top:30px;
	right: 0;
	position: absolute;
	display:none;
	overflow: scroll;
	overflow-x: hidden;
	list-style: none;
	margin: 0;
	padding:5px;
	display:none;
	width:130px;
	background-color:#fff;
	border: 1px solid #e6e6e6;
	line-height: 20px;
}
#language ul.f_list li >* {
	line-height:18px;
	padding-left:5px;
	color: #B6B6B6;
	text-decoration:none;
	font-size:12px;
}
#language ul.f_list li.fl-title {
	color:#999999;
	font-size:12px;
	font-weight:bold;
}
/* -----------------------------------------
	Main
----------------------------------------- */
.main .v-items {
	padding-bottom:30px;
}
.main .v-items ul li {
	width:12%;
	text-align:center;
	display: inline-block;
	cursor:pointer;
}
.main .v-items ul li.active .item-box, .main .v-items ul li:hover .item-box {
	background: url(../images/arrow.jpg);
	background-position: top;
	background-size: 17px 9px;
	background-repeat: no-repeat;
	padding-bottom:50px;
}
.main .v-items ul li.active .item-box img, .main .v-items ul li:hover .item-box img {
	background: #e60012;
	background: -webkit-linear-gradient(#e60012, #CF3E23); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#e60012, #CF3E23); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#e60012, #CF3E23); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#e60012, #CF3E23); /* Standard syntax (must be last) */
}
.main .v-items ul li img {
	background: #ccc;
	border-radius: 15px;
}
.main .v-items ul li p {
	font-size:0.7em;
	color:#707070;
}
.main .v-items ul li.active p, .main .v-items ul li:hover p {
	color:#e65035;
}
.main .contents {
	background-color:#f5f5f5;
}
.main .contents img {
	display: block;
}
.main .contents .itembox {
	background-color:#31323b;
}
.main .g {
	background-color:#fff;
}
.main .textbox {
	padding:40px;
	font-size: 0.8em;
	color: #707070;
}
.main .textbox h1 {
	margin: 0;
	font-size: 1.3em;
	margin-bottom: 0.5em;
	color: #000;
}
.main .textbox .e-title {
	margin: 0;
	font-size:17px;
	margin-bottom: 0.5em;
	color: #000;
}
.main .textbox .e-title2 {
	margin: 0;
	font-size:18px;
	margin-bottom: 0.5em;
	color: #000;
}
.main .textbox p {
	margin: 0;
	font-size:13px;
	letter-spacing:-0.2px;
	margin-bottom: 38px;
	color: #000;
	line-height:160%;
}
.main .textbox .c-bar {
	border-bottom: 1px solid #888;
	font-size: 0;
	width: 20px;
	margin: 18px 0 18px 0;
}
.main .textbox .b-link-btn {
	color:#fff;
	padding:10px 7px 10px 7px;
	font-size: 1.0em;
	text-align:center;
	background:#e60012;
}
.main .textbox .b-link-btn:hover {
	color:#333;
	border:1px solid #949494;
	background:#eee;
}
.main .swiper-container {
	
	height:600px;
}
.main .swiper-slide {
	background-color: #f5f5f5;
	color:#fff;
	padding-top: 200px;/*text-shadow: 1px 1px #ADADAD;*/


}
.main .swiper-slide h1 {
	font-size: 80px;
	font-family:"微软雅黑";
	margin:120px 0 10px 0;
	text-shadow:#000 1px 1px 1px;
}
.main .swiper-slide h2 {
	font-size: 35px;
	letter-spacing:-0.1px;
	text-shadow:#000 1px 1px 1px;
}
.main .swiper-slide p {
	font-size: 0.9em;
}
.main .swiper-slide .main_txt {
	font-size: 15px;
	letter-spacing:-0.2px;
	line-height:50%;
	color:#ccc;
	text-transform:uppercase; 
	text-shadow:#000 1px 1px 1px;
}
.main .swiper-slide.s1 {
	background: url(../images/main_banner8.jpg) #67554b;
	background-position: top;
	background-repeat: no-repeat;
}
.main .swiper-slide.s2 {
	background: url(../images/main_tu2.jpg) #000;
	background-position: top;
	background-repeat: no-repeat;
}
.main .swiper-slide.s3 {
	background: url(../images/main_tu21.jpg) #000;
	background-position: top;
	background-repeat: no-repeat;
}
.main .swiper-slide.s4 {
	background: url(../images/main_tu22.jpg) #000;
	background-position: top;
	background-repeat: no-repeat;
}
.main .swiper-slide.s5 {
	background: url(../images/main_tu4.jpg) #000;
	background-position: top;
	background-repeat: no-repeat;
}
.main .swiper-slide.s6 {
	background:url(../images/main_tu6.jpg) #000;
	background-position: top;
	background-repeat: no-repeat;
}
.main .swiper-slide.s7 {
	background: url(../images/main_banner6.jpg) #000;
	background-position: top;
	background-repeat: no-repeat;
}
.main .swiper-slide.s8 {
	background: url(../images/main_banner3.jpg) #000;
	background-position: top;
	background-repeat: no-repeat;
}

/* -----------------------------------------
	Subpages
----------------------------------------- */

/*雀荤俺夸*/
.contents-box {
	margin-top:50px;
}
.contents-box p {
	margin-top:10px;
	line-height:180%;
}
.contents-box img {
	text-align:center;
}
.c-info-box {
	padding:0px;
	margin-top:40px;
	font-size:0.9em;
	color:#565656;
	line-height:200%;
}
.c-info-box .tit {
	font-weight:bold;
	padding-right:15px;
}
.c-info-box span {
	display:block;
	font-size:0.95em
}
/*ceo*/
.c-c-txt-box {
	background-image:url(../images/c-ce-visual-fl.jpg);
	background-repeat: no-repeat;
	background-position: 61% 00%;
}
.c-c-txt-box h2 {
	margin-top:15px;
	font-size:2.1em;
}
.c-c-txt-box h5 {
	margin-top:10px;
	font-size:1.5em;
}
.c-c-txt-box p {
	margin-top:20px;
	line-height:190%;
	font-size:1em;
	color:#666;
}
.c-c-txt-box .ceo-box {
	padding-right:10px;
	padding-top:60px;
	text-align:right;
}
.company-btn-box {
	margin:40px 0 80px;
}
.company-btn-box .btn {
	background-color: #bfbfbf;
	border:1px solid #ccc;
	border-radius: 0px;
	padding: 0.5em 1.5em 0.5em;
	color:#fff;
	font-size:0.8em;
	border:0px;
}
.btn:hover, .btn:focus {
	background-color: #eee;
	border: 1px solid #bfbfbf;
}
/*版康*/

.cont-img-box {
	margin-top:70px;
}
.cont-img-box .phil-img-box {
	margin-top:70px;
	width:100%;
	padding:0 0px;
	text-align:center;
}
.cont-img-box .phil-img-box .img-box {
	text-align:center;
}
.cont-img-box .phil-img-box .img-box .txt {
	border-right:1px solid #ededed;
	height:140px;
	border-left:1px solid #e6e6e6;
}
.cont-img-box .phil-img-box h2 {
	margin:10px;
}
.cont-img-box .phil-img-box p {
	margin:10px;
	padding:0 25px;
	font-size:0.88em;
	color:#808080;
}
.cont-img-box .phil-text-box h2 {
	margin-top:70px;
	letter-spacing:-0.5px;
}
.cont-img-box .phil-text-box p {
	padding:10px 110px;
	line-height:180%;
}
/*楷酋*/
.contents-box ul.tab-list {
	background: #fff;
	color:#ccc;
	margin-top:30px;
	border-left:1px solid #e6e6e6;
	height:66px;
}
.contents-box ul.tab-list li {
	height:inherit;
	background:#fff;
	text-align:center;
	font-size:2em;
	padding:0.0em 1.43em 0em;
	border-right:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
	font-weight:bold;
	letter-spacing:-1px;
}
.contents-box ul.tab-list li a {
	color: #ccc;
	;
	line-height:220%
}
.contents-box ul.tab-list li.active .on {
	color:#fff;
}
.contents-box ul.tab-detail {
	border:none;
	border: 0;
}
.contents-box ul.tab-detail li {
	padding:0;
}
.contents-box ul.tab-list li:hover {
	background: #e44528;
}
.contents-box ul.tab-list li:hover a {
	color: #fff;
}
.contents-box ul.tab-list li.active {
	background: #e44528;
}
.contents-box ul.tab-list li.active a {
	color: #fff;
}
.cont-tit-box {
	margin:30px 0;
}
.cont-tit-box h1 {
	color:#e6e6e6;
	font-size:3em;
	text-align:center;
	vertical-align:middle;
	letter-spacing:-4px;
	font-weight:bold;
}
.cont-tit-box h2 {
	color:#d9d9d9;
	font-size:2.5em;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	padding:15px 40px 0 0;
}
.cont-tit-box p {
	padding-left:40px;
	border-left:1px solid #e6e6e6;
	line-height:180%;
	font-size:0.9em;
	letter-spacing:1px;
}
.cont-tit-box span {
	font-weight:bold;
}
.cont-tit-box h3 {
	color:#e44528;
	padding:0px;
	margin:0px;
}
.cont-tit-box h5 {
	color:#4d4d4d;
	font-size:1.2em;
	padding:0px;
	margin:0px;
}
.cont-box {
	border-top:1px solid #e6e6e6;
	padding:30px 0 20px;
}
.cont-box h5 {
	color:#b2b2b2;
	font-size:1.5em;
	text-align:right;
	padding-right:35px;
	vertical-align:top;
}
.cont-box p {
	font-size:0.9em;
	color:#4c4c4c;
	line-height:170%;
}
/* ci */


.cont-tab-box {
	margin-top:35px;
}
.cont-tab-box span {
	margin-top:20px;
}
.cont-tab-box ul.tab-detail {
	background-color: #fff;
	border:0;
}
.cont-tab-box ul.tab-detail li {
	display:none;
	padding:0px;
	margin:0px;
}
.cont-tab-box ul.tab-detail li.active {
	display:block;
}
.cont-tab-box ul.tab-list {
	height: 38px;
	border:0px;
	margin:0 0 30px 457px;
}
.cont-tab-box ul.tab-list li {
	float: left;
	margin: 0;
	padding: 3px 0;
	line-height: 31px;
	background: #fff;
	border: 1px solid #e6e6e6;
}
.cont-tab-box ul.tab-list li a {
	color: #b3b3b3;
	font-weight: 600;
	padding: 0 20px;
}
.cont-tab-box ul.tab-list li:hover {
	background: #BDBDBD;
}
.cont-tab-box ul.tab-list li:hover a {
	color: #fff;
}
.cont-tab-box ul.tab-list li.active {
	background: #BDBDBD;
}
.cont-tab-box ul.tab-list li.active a {
	color:#fff;
}
.contents-box h3 {
}
.contents-box .ci-cont-box {
	margin-top:70px;
	text-align:left;
}
.contents-box .ci-cont-box .box {
	border:1px solid #e6e6e6;
	padding: 30px 0;
	text-align:center;
	vertical-align:middle;
	margin:15px 0px 0 0;
}
.contents-box .ci-cont-box h3 {
	font-weight:600;
}
.contents-box .ci-cont-box p {
	font-size:14px;
	letter-spacing:-0.4px;
	line-height:22px;
}
.contents-box .ci-cont-box h5 {
	margin-top:20px;
	font-size:1.2em;
	font-weight:bold;
}
.contents-box .ci-cont-box .box-t {
	width:100%;
	border:1px solid #e6e6e6;
	padding: 30px 0;
	text-align:center;
	vertical-align:middle;
	margin:15px 0px 0 0;
}
.contents-box .ci-cont-box .box-t img {
	padding: 20px;
}
.ci-btn {
	margin:15px 0 70px 0;
	text-align:right
}
.ci-btn .btn {
	padding: 0.3em 1.3em 0.4em;
	margin: 2em 0.2em;
	font-size:0.9em;
	color: #fff; /* rgba not supported (IE 8) */
	border: 1px solid #b3b3b3;  /*IE 6/7/8*/
	background-color: #bfbfbf;
	border-radius: 0px;
}
.ci-btn:hover, .ci-btn:focus {
	background-color: #fff;
	color:#afafaf;
}
.brd-btn-box {
}
.brd-btn-box .btn {
	padding: 0.3em 1em 0.4em;
	font-size:0.85em;
	color: #e44528; /* rgba not supported (IE 8) */
	color: #e44528(0, 0, 0, 0.80); /* rgba supported */
	border: 1px solid #e44528;  /*IE 6/7/8*/
	background-color: #fff;
	border-radius: 0px;
}
.brd-btn-box .btn:hover, .brd-btn-box .btn:focus {
	background-color: #e44528;
	color:#fff;
}
.brd-btn-box .btn img {
	vertical-align:middle;
}
.affi-box {
	text-align:center;
}
.affi-box .ci-blist {
	height:150px;
	border:1px solid #e6e6e6;
	text-align:center;
	vertical-align:middle;
	padding:2em 0;
	margin: 10px;
}
.affi-box .ci-blist img {
	text-align:center;
	vertical-align:middle;
	padding:1em 0;
	margin-bottom:10px;
}
.affi-box .ci-blist p {
	font-size:0.9em;
	margin-top:10px;
}
/*坷矫绰辨*/
.location-cont h3 {
	margin-top:25px;
}
.embed-container {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	height: 435px;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0px;
	width: 99%;
	height: 434px;
	border:1px solid #d9d9d9;
}
.cont-tab-box .tab-list {
	border:1px solid red;
}
/*拌凯荤棺 荤诀家俺 */
.aff-box {
}
.aff-box img {
	margin:0px;
	padding-left:20px;
}
.aff-box .box-list {
	position: relative;
	margin-right:60px;
	padding:0px;
	height:150px;
	border-bottom:1px solid #e6e6e6;
}
.aff-box .box-list h5 {
	margin-top:50px;
	font-size:1.1em;
	line-height:200%;
	font-weight:bold;
	color:#444;
}
.aff-box .box-list span {
	margin-top:20px;
	font-size:0.8em;
	line-height:170%;
	color:#808080;
}
.aff-box .box-list img {
	vertical-align:middle;
}
.aff-box .box-list .btn-view {
	position: absolute;
	bottom:15px;
	color:#333;
	font-size:1em;
}
.cont-aff {
	width:100%;
}
.cont-aff .cont-aff-left h2 {
	text-align:left;
	padding-top:40px;
	font-size:27px;
	font-weight:600;
	line-height:36px;
}
.cont-aff .cont-aff-left h4 {
	text-align:left;
	padding-top:40px;
	padding-bottom:30px;
	font-size:20px;
	font-weight:600;
}
.business-right {
	margin-left:115px;
}
.cont-aff .cont-aff-left p {
	text-align:left;
	padding-top:10px;
	line-height:190%;
}
.cont-aff .cont-aff-left .brand-box1 {
	margin-top:20px;
}
.cont-aff .cont-aff-left .brand-box1 .brand-logo {
	text-align: center;
	padding: 20px 5px;
	border: 1px solid #e6e6e6;
	margin: 0 10px 20px 0;
}
.cont-aff .cont-aff-right {
	position: relative;
	margin-top:90px;
}
.cont-aff .cont-aff-right .visual {
	position: absolute;
	right:0px;
}
.contents .visual .b-adi-box {
	position: absolute;
	left: 0px;
	bottom:0px;
	width: 244px;
	height: 280px;
	background-image:url(../images/b-adi-visual-box.png);
	background-repeat: no-repeat;
	margin-bottom: -51px;
	margin-left: -30px;
}
.contents .visual .b-ain-box {
	position: absolute;
	left: 0px;
	bottom:0px;
	width: 244px;
	height: 280px;
	background-image:url(../images/b-ain-visual-box.png);
	background-repeat: no-repeat;
	margin-bottom: -260px;
	margin-left: -1308px;
}
.contents .visual .b-ade-box {
	position: absolute;
	left: 0px;
	bottom:0px;
	width: 244px;
	height: 280px;
	background-image:url(../images/b-ade-visual-box.png);
	background-repeat: no-repeat;
	margin-bottom: -51px;
	margin-left: -30px;
}
.contents .visual .b-aem-box {
	position: absolute;
	left: 0px;
	bottom:0px;
	width: 244px;
	height: 280px;
	background-image:url(../images/b-aem-visual-box.png);
	background-repeat: no-repeat;
	margin-bottom: -51px;
	margin-left: -30px;
}
.contents .visual .b-afo-box {
	position: absolute;
	left: 0px;
	bottom:0px;
	width: 244px;
	height: 280px;
	background-image:url(../images/b-afo-visual-box.png);
	background-repeat: no-repeat;
	margin-bottom: -51px;
	margin-left: -30px;
}
.contents .visual .b-amo-box {
	position: absolute;
	left: 0px;
	bottom:0px;
	width: 244px;
	height: 280px;
	background-image:url(../images/b-amo-visual-box.png);
	background-repeat: no-repeat;
	margin-bottom: -51px;
	margin-left: -30px;
}
/*Awards*/
.aw-cont-box {
	margin-top:70px;
	width:100%;
}
.aw-cont-box li {
	display: inline-block;
	margin:0 0 0 0;
}
/*宏罚靛家俺*/

.brand-cont-box {
	position:relative;
	text-align:center;
}
.brand-cont-box .brand-popup-box {
	background-color:#333;
	width:470px;
	height:435px;
	z-index:999px;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	padding:10px;
}
.brand-cont-box .brand-popup-box img {
	vertical-align:middle;
	text-align:center;
}
.brand-cont-box .brand-popup-box .txt-box {
	padding:15px;
	text-align:left;
}
.brand-cont-box .brand-popup-box span {
	color:#fff;
	display:block;
}
.brand-cont-box .brand-popup-box .tit {
	font-weight:bold;
	font-size:1.6em;
	padding:15px 0 15px;
}
.brand-cont-box .brand-popup-box .btn {
	padding: 0.2em 0.8em 0.4em;
	border-radius: 0px;
	font-size:0.5em;
	vertical-align:middle;
	margin:40px 0 0 10px;
	border:0;
	background-color:#524e4f;
	color:#ccc;
}
.brand-cont-box .brand-popup-box .close-btn {
	float:right;
	padding-top:10px;
	font-size:1em;
}
/*宏罚靛 辑宏 匙厚 */
.brand-sub-nav-box {
	position: relative;
	z-index:100;
}
.brand-sub-nav-box .brand-sub-nav {
	position:absolute;
	top:0px;
	right:0;
	width:200px;
	height:561px;
	background:#333;
	height:561px;
	z-index:100;
}
.brand-sub-nav-box .brand-sub-nav p {
	padding:4px 0 1px;
	background:#444;
	color:#fff;
	font-size:1em;
	text-align:center;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
.brand-sub-nav-box .brand-sub-nav ul {
	text-align:center;
}
.brand-sub-nav-box .brand-sub-nav li {
	color:#888;
	padding:16px 0 15px 0;
	vertical-align:middle;
	border-top:1px solid #555;
	border-bottom:1px solid #222;
}
.brand-sub-nav-box .brand-sub-nav li:hover {
	background: #e44528;
	color:#fff;
	border-top:1px solid #d63315;
	border-bottom:1px solid #d63315;
	font-weight:bold;
}
.brand-sub-nav-box .brand-sub-nav li.active {
	background: #e44528;
	color:#fff;
	border-top:1px solid #d63315;
	border-bottom:1px solid #d63315;
	font-weight:bold;
}
.brd-box {
	margin-top:50px;
}
.brd-box .box-img {
	vertical-align:middle;
	text-align:center;
	border-top:1px solid #e6e6e6;
}
.brd-box .box-img .box {
	border-left:1px solid #e6e6e6;
	height:225px;
}
.brd-box .box-img .box-r {
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	height:225px;
}
.brd-box .box-img-b {
	vertical-align:middle;
	text-align:center;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}
.brd-box .box-img-b .box {
	border-left:1px solid #e6e6e6;
	height:225px;
}
.brd-box .box-img-b .box-r {
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	height:225px;
}
.brd-box .box-img img {
	vertical-align:middle;
	padding:65px 10px 0;
}
.brd-box .box-img-b img {
	vertical-align:middle;
	padding:65px 10px 0;
}
.brd-box .brd-txt-box img {
	vertical-align:middle;
	border:1px solid #e6e6e6;
	padding:5px 20px;
	float:right;
}
.brd-box .tit {
	font-size:3em;
	padding:0px 10px 0 0px;
	vertical-align:middle;
	letter-spacing:-0.5px;
}
.brd-box .btn-map {
	padding: 0.2em 0.6em 0.1em;
	border-radius: 0px;
	font-size:0.85em;
	border: 1px solid #bfbfbf;
	background:#ccc;
	color:#fff;
	vertical-align:middle;
	margin:40px 0 0 10px;
}
.brd-box h3 {
	margin:30px 0 10px;
	font-size:1.5em;
	color:#000;
}
.brd-box h2 {
	margin:70px 0 0px;
}
.brd-box .brd-txt-box {
	margin-top:20px;
}
.brd-box .brd-txt-box h5 {
	padding-top:10px;
	line-height:190%;
	font-size:0.85em;
	color:#777;
}
.brd-box p {
	line-height:170%;
	margin:10px 0 15px 0;
}
.brd-box .site-txt {
	font-size:1em;
	vertical-align:middle;
	color:#444;
}
.brd-box .btn {
	padding: 0.2em 0.8em 0.2em;
	border: 1px solid #d9d9d9;  /*IE 6/7/8*/
	border-radius: 0px;
	font-size:0.7em;
	vertical-align:middle;
	margin:40px 0 0 10px;
}
.btn:hover, .btn:focus {
	background-color: #fff;
	color:#4c4c4c;
}
/*臂肺国*/
.contents-global-box {
}
.contents-global-box h3 {
	margin-top:100px;
	font-weight:bold;
	padding-bottom:15px;
	border-bottom:1px solid #666;
	text-align:left;
}
.global-cont-box {
	border-bottom:1px solid #ededed;
	padding:40px 0;
	text-align:left;
}
.global-cont-box .tit {
	width:160px;
	font-size:1.2em;
	padding-right:20px;
	text-align:left;
}
.global-cont-box img {
	vertical-align:middle;
	padding:0px;
}
.global-cont-box p {
	vertical-align:middle;
	padding:10px 0px;
}
.global-cont-box span {
	display:block;
	font-size:0.8em;
	color:#555;
	line-height:180%;
}
.global-cont-box .r-line {
	border-left:1px solid #ededed;
	padding-left:50px;
	text-align:left;
}
.global-cont-box .asia-box {
	vertical-align:middle;
	text-align:left;
	padding-left:20px;
}
.end-box {
	padding-bottom:40px;
	border-bottom:1px solid #ccc;
}
/* -----------------------------------------
	Brand
----------------------------------------- */
.brand-group-box {
	margin-top:60px;
	background:url(../images/brnad-main-bgb_sc.jpg) no-repeat 50% 0;
}
.brand-group-box .bgb-box {
	position: relative;
	height:299px;
	cursor:pointer;
}
.brand-group-box .bgb-box img {
	display:block;
	width:100%;
}
.brand-group-box .bgb-box img.logo {
	width:150px;
	padding:130px 80px;
}
.brand-group-box .bgb-bg {
	background-color:#000;
	opacity:0.6;
}
.brand-group-box .bgb-bg.active {
	background-color:#e65035;
	opacity:1;
}
.brand-group-box .bgb-bgnor {
	background-color:#000;
	opacity:0.4;
}
/* ---test */
.brand-box {
	margin-bottom:100px;
	border:solid #dedede;
	border-width:1px 0 0 1px;
}
.brand-box .bb-box {
	position: relative;
	border:solid #dedede;
	border-width:0 1px 1px 0;
	cursor:pointer;
	padding: 25px 25px;
}
.brand-box .bb-box img.logo {
	width:100px;
}
/* ---test */


.brand-list {
	padding-bottom:10px;
	margin-bottom: 0px;
	display:none;
}
.brand-list .bl-box {
	padding:15px 40px;
}
.brand-list .bl-box img {
	display:block;
	width:100%;
}
.brand-visual {
	margin-bottom:50px;
}
.brand-visual img {
	width:100%;
	border:solid 1px #E7E7E7;
}
.brand-contents {
	padding:0;
	text-align:left;
}
.brand-contents .bc-title {
	text-align:left;
}
.brand-contents .bc-title img {
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #e6e6e6;
	margin-top:23px;
}
.brand-contents .bc-title h1 {
	color:#2f2f2f;
	margin:0;
}
.brand-contents .bc-des {
	line-height: 190%;
}
.brand-contents .bc-des h3 {
	font-size:18px;
	font-weight:600;
	margin-bottom:-10px;
}
.brand-contents .bc-des hr {
	margin:40px 0;
}
.brand-contents .bc-des h4 {
	margin:10;
	color:#A8A8A8;
}
.brand-contents .bc-des .bcd-offline td.title {
	padding-left: 0;
}
.brand-contents .bc-des .bcd-online {
	font-size:0.89em;
}
.brand-contents .btn {
	font-size:11px;
	padding:0.2em 0.6em 0.2em 0.5em;
	margin-left:10px;
}
.brand-txt-box2 {
	margin-top:40px;
}
/* -----------------------------------------
	Press
----------------------------------------- */
/*.press-contri-box li{float:left; margin-right:40px;}*/


.press-contri-box {
	text-align: left;
	font-size: 0;
	margin:30px 0 0 8px;
}
.press-contri-box li {
	display: inline-block;
	margin:0 -1px 5px 0;
}
#contribution-support {
	text-align:left;
}
.press-thumb {
	padding: 20px;
}
.press-thumb hr {
	margin:3px 0px 21px;
}
.press-thumb .pt-items {
	margin-bottom:10px;
	cursor: pointer;
	padding:5px;
}
.press-thumb img {
	width:100%;
}
.press-thumb h3 {
	margin-bottom:0;
	cursor: pointer;
	font-size:15px;
mar
}
.press-thumb h5 {
	margin: 0;
}
.press-thumb p {
	font-size:0.83em;
}
.press-thumb .btn-more {
	float: right;
	font-size: 0.5em;
	margin-top:0px;
}
.press-list {
	margin-top:8px;
}
.p-list-top {
	margin:30px 5px 5px 5px;
	border: 1px solid #e6e6e6;
	background-color:#f5f5f5;
}
.p-list-top .plt-content {
	padding: 60px 40px 10px;
	text-align:left;
}
.p-list-top .plt-content p {
	line-height: 30px;
	margin:30px 0 50px 0;
	color:#888
}
.p-list-top .plt-content span.date {
	text-align:left;
	font-size:0.8em;
	color:#888
}
.p-list-top .plt-content a.more {
	border: 1px solid #333;
	padding: 10px 20px;
}
.p-list-top .plt-content a.more:hover {
	background-color:#fff;
}
.p-list-top img {
	width:100%;
	display:block
}
.p-list {
	padding:20px;
	text-align:left;
	cursor: pointer;
	margin:5px;
	border:1px solid #eee;
	min-height:500px;
}
.p-list .pl-img {
	height:165px;
	overflow:hidden;
}
.p-list p {
	margin:10px 0;
	color:#888;
	font-size: 0.9em;
}
.p-list p.date {
	margin-bottom:8px;
}
.p-list.poster {
	padding:0;
	border:0;
	min-height:inherit;
}
.p-list-top.video {
	max-height:initial;
}
.p-list-top.video h3 {
	margin:70px 0;
}
.p-list.video {
	padding:0;
	min-height:inherit;
}
.p-list.video p {
	margin:10px;
}
/*search-box*/
.search-box {
	text-align:right;
	margin:60px 5px 0 0;
}
.search-box .btn {
	border-radius: 0px;
	background-color:#3e4146;
	border:0px;
	font-size:0.8em;
	color:#fff;
}
.search-box input {
	width:200px;
	font-size:13px;
	padding: 4px 7px;
	margin-bottom: 0px;
	border: 1px solid #d9d9d9;
	box-sizing: border-box;
}
/*iz*/
.izlink {
	border: 1px solid #eee;
}
.press-view {
	text-align:left;
	margin: 10px 40px;
}
.press-view hr {
	margin:7px 0;
}
.press-view hr.double {
	border: 2px solid #888;
	margin-top:40px;
}
.press-view h1 {
	margin: 10px 40px;
	font-size: 1.2em;
}
.press-view h6 {
	margin: 10px 40px;
	text-align:right;
	margin-top:25px;
}
.press-view p {
	margin: 10px 40px;
	font-size: 0.9em;
}
.press-view .pv-content {
	margin:50px 0;
}
.press-view .pv-content img {
	width:70%;
	padding:50px;
}
.press-view-btn {
	margin-top:30px;
}
.press-view-btn .pv-btn a {
	border: 1px solid #DFDFDF;
	padding: 5px 10px;
	font-weight:600;
}
.press-view-btn .pv-btn a:hover {
	background-color:#f5f5f5;
}
.press-view-btn .pv-btn.list a {
	background-color:#f5f5f5;
}
.press-view-btn .pv-btn.list a:hover {
	background-color:#fff;
}
/* -----------------------------------------
	Company
----------------------------------------- */

.tb {
	font-size:0.86em;
	margin-top: 20px;
}
.tb td.title {
	width:95px;
	font-weight:bold;
}
.company-lineheight {
	line-height:18px;
}
.swiper.history .swiper-container {
	height:1800px;
}
.swiper.history .swiper-slide .item {
	border:0;
	margin:0;
}
.swiper.history .swiper-slide .item h1 {
	font-size:2em;
	font-weight:normal;
font;
	cursor:pointer;
}
.swiper.history .swiper-btnset {
	text-align: center;
	margin-top: 3px;
	position: absolute;
	width: 100%;
	z-index: 99;
	font-size:2em;
	color: #ccc;
}
.swiper.history .swiper-btnset .left {
	text-align: left;
	margin-right: 70px;
}
.swiper.history .swiper-btnset .right {
	text-align: right;
	margin-left: 70px;
}
.swiper.history .swiper-btnset .left:hover, .swiper.history .swiper-btnset .right:hover {
	color: #888;
}
/* -----------------------------------------
	Paging
----------------------------------------- */


.paging-box {
	text-align:center;
	margin-top:50px;
}
.paging-box span {
	font-size:0.7em;
	color:#666;
	padding:0 5px;
}
.paging-box span.on {
	color:#e44528;
}
.paging-box span.line {
	font-size:0.5em;
	color:#999;
}
.paging-box .btn {
	font-size:0.8em;
	padding:0.0em 0.6em 0.2em 0.5em;
	background-color:#fff;
	border: 1px solid #ebebeb;
	border-radius: 0px;
	vertical-align:middle;
}
/* -----------------------------------------
	brand logo icon
----------------------------------------- */
span.bi {
	font-size:0;
	display:block;
	overflow:hidden;
	width:96px;
	height:41px;
	background:url(../images/bi-icon.jpg) no-repeat #fff;
}
span.bi.iface:hover, span.bi.iface.on {
	background-position: 0px 0px;
}
span.bi.fandom:hover, span.bi.fandom.on {
	background-position: -151px 0px;
}
span.bi.ispace:hover, span.bi.ispace.on {
	background-position: -450px -90px;
}
span.bi.mobilem:hover, span.bi.mobilem.on {
	background-position: -302px 0;
}
span.bi.scandipapa:hover, span.bi.scandipapa.on {
	background-position: -1031px 0;
}
span.bi.thekkot:hover, span.bi.thekkot.on {
	background-position: -884px 0;
}
span.bi.flowerplanet:hover, span.bi.flowerplanet.on {
	background-position: -151px -90px;
}
span.bi.borganic:hover, span.bi.borganic.on {
	background-position: -450px 0;
}
span.bi.gentlewoman:hover, span.bi.gentlewoman.on {
	background-position: -302px -90px;
}
span.bi.triplenine:hover, span.bi.triplenine.on {
	background-position: -741px 0px;
}
span.bi.socksface:hover, span.bi.socksface.on {
	background-position: -594px 0px;
}
span.bi.m3:hover, span.bi.m3.on {
	background-position: 0px -90px;
}
span.bi.cafecloud:hover, span.bi.cafecloud.on {
	background-position: -594px -90px;
}
span.bi.imak:hover, span.bi.imak.on {
	background-position: -884px -90px;
}
span.bi.fix:hover, span.bi.fix.on {
	background-position: -151px -180px;
}
span.bi.buddy9:hover, span.bi.buddy9.on {
	background-position: -302px -180px;
}
span.bi.superwoman:hover, span.bi.superwoman.on {
	background-position: -450px -180px;
}
span.bi.ksda:hover, span.bi.ksda.on {
	background-position: -594px -180px;
}
span.bi.superidesign:hover, span.bi.superidesign.on {
	background-position: -741px -180px;
}
span.bi.aceview:hover, span.bi.aceview.on {
	background-position: -884px -180px;
}
span.bi.todaeri:hover, span.bi.todaeri.on {
	background-position: -1031px -180px;
}
span.bi.artface:hover, span.bi.artface.on {
	background-position: -741px -90px;
}
span.bi.remak:hover, span.bi.remak.on {
	background-position: -1031px -90px;
}
span.bi.identity:hover, span.bi.identity.on {
	background-position: 0 -180px;
}
span.bi.iface {
	background-position: -1172px 0px;
}
span.bi.fandom {
	background-position: -1321px 0px;
}
span.bi.ispace {
	background-position: -1622px -90px;
}
span.bi.mobilem {
	background-position: -1474px 0;
}
span.bi.scandipapa {
	background-position: -2203px 0;
}
span.bi.thekkot {
	background-position: -2056px 0;
}
span.bi.flowerplanet {
	background-position: -1321px -90px;
}
span.bi.borganic {
	background-position: -1622px 0;
}
span.bi.gentlewoman {
	background-position: -1474px -90px;
}
span.bi.triplenine {
	background-position:-1913px 0px;
}
span.bi.socksface {
	background-position: -1766px 0px;
}
span.bi.m3 {
	background-position: -1172px -90px;
}
span.bi.cafecloud {
	background-position: -1766px -90px;
}
span.bi.imak {
	background-position: -2056px -90px;
}
span.bi.fix {
	background-position: -1321px -180px;
}
span.bi.buddy9 {
	background-position: -1474px -180px;
}
span.bi.superwoman {
	background-position: -1622px -180px;
}
span.bi.ksda {
	background-position: -1766px -180px;
}
span.bi.superidesign {
	background-position: -1913px -180px;
}
span.bi.aceview {
	background-position: -2056px -180px;
}
span.bi.todaeri {
	background-position: -2203px -180px;
}
span.bi.artface {
	background-position: -1913px -90px;
}
span.bi.remak {
	background-position: -2203px -90px;
}
span.bi.identity {
	background-position: -1172px -180px;
}
/* -----------------------------------------
	modal-popup
----------------------------------------- */
#modal-popup {
	display:none;
}
#modal-popup-content.content {
	position: relative;
	top: 100px;
	left: 50%;
	padding: 15px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
#modal-popup-content.content.poster {
	width: 400px;
	margin-left: -215px;
}
#modal-popup-content.content.video {
	width: 750px;
	margin-left: -387px; /*372 + 15*/
}
.modal-popup-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	text-align:center;
	background: #000;
	background: rgba(0, 0, 0, 0.45);
	z-index: 40;
	display: none;
	top: 0;
	left: 0;
}
.b-b-visual {
	position:relative;
}
.b-b-visual .logo {
	position:absolute;
	top:0;
	left:0;
	border:1px solid #eee;
	background-color:#fff;
	padding:30px;
}
/* -----------------------------------------
	advertise
----------------------------------------- */
.block-grid three-up {
	margin-right:100px;
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px, 0, 0);
	-webkit-transition-timing-function:ease;
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px, 0, 0);
	-moz-transition-timing-function:ease;
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px, 0, 0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px, 0px);
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px, 0, 0);
	-ms-transition-timing-function:ease;
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px, 0, 0);
	transition-timing-function:ease;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
/* Specific active slide styling: */
	
}
.swiper-slide-visible {
/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
/* Stylize pagination button: */	

}
.swiper-active-switch {
/* Specific active button style: */	
	
}
.swiper-visible-switch {
/* Specific visible button style: */	
	
}